﻿<UserControl x:Class="DiscoveryLogic.UI.Layouts.Controls.FaveAspectContainer"
        xmlns="http://schemas.microsoft.com/client/2007" 
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"        
        >
    <!-- Margin="225,150,75,197" -->

    <Canvas Width="580" Height="250">
    <Canvas x:Name="LayoutRoot"
            Width="580" Height="250">

        <Canvas.RenderTransform>
            <TransformGroup>
                <ScaleTransform x:Name="ScaleFaveAspectContainer" ScaleX="1" ScaleY="1" CenterX="290" CenterY="125"/>
            </TransformGroup>
        </Canvas.RenderTransform>

        <Canvas.Resources>
            <Storyboard x:Name="DiscResize">
                <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ScaleFaveAspectContainer" Storyboard.TargetProperty="ScaleTransform.ScaleX">
                    <SplineDoubleKeyFrame x:Name="DiscResizeKeyFrameX" KeyTime="00:00:01" Value="1.1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ScaleFaveAspectContainer" Storyboard.TargetProperty="ScaleTransform.ScaleY">
                    <SplineDoubleKeyFrame x:Name="DiscResizeKeyFrameY" KeyTime="00:00:01" Value="1.1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
            </Storyboard>

        </Canvas.Resources>

        <!-- lower layer disc -->
        <Path Stretch="Fill" Data="F1 M289,80.509003 C239.84666,80.509003 200,97.743797 200,119.004 200,140.26421 239.84666,157.49899 289,157.49899 C338.15335,157.49899 378,140.26421 378,119.004 C378,97.743797 338.15335,80.509003 289,80.509003 z M289,-3.1888485E-06 C448.61029,0 578,55.964405 578,125 C578,194.0356 448.61029,250 289,250 129.38971,250 0,194.0356 0,125 0,55.964405 129.38971,0 289,-3.1888485E-06 z">
            <!--  Margin="0,3,0,0">-->
            <Path.Fill>
                <SolidColorBrush x:Name="diskBackgroundBrush" Color="#3F000000"/>
            </Path.Fill>
        </Path>
        <!-- upper layer disc -->
        <Path Canvas.Top="-3" Stretch="Fill"  Data="F1 M289,80.509003 C239.84666,80.509003 200,97.743797 200,119.004 200,140.26421 239.84666,157.49899 289,157.49899 C338.15335,157.49899 378,140.26421 378,119.004 C378,97.743797 338.15335,80.509003 289,80.509003 z M289,-3.1888485E-06 C448.61029,0 578,55.964405 578,125 C578,194.0356 448.61029,250 289,250 129.38971,250 0,194.0356 0,125 0,55.964405 129.38971,0 289,-3.1888485E-06 z">
            <!--  Margin="0,0,0,3">-->
            <Path.Fill>
                <LinearGradientBrush x:Name="discFillBrush" EndPoint="0.508,0.114" StartPoint="0.489,1.006">
                    <GradientStop Color="#4BEFEECB" Offset="0.008"/>
                    <GradientStop Color="#BBFFFFFF" Offset="0.994"/>
                </LinearGradientBrush>
            </Path.Fill>
        </Path>
        <!-- my 360 text -->
        <!-- VerticalAlignment="Bottom" HorizontalAlignment="Right" Margin="0,0,95.26,14.439" -->
        <Canvas x:Name="Group" Width="146.082" Height="53.656" Canvas.Left="370" Canvas.Top="180">
            <Canvas.RenderTransform>
                <ScaleTransform  ScaleY="0.55"/>
            </Canvas.RenderTransform>
            <Canvas Width="122.082" Height="91.1847">
                <Path x:Name="Path" Width="38.0219" Height="28.6487" Canvas.Left="0" Canvas.Top="59.1339" Stretch="Fill" Fill="#FFFFFFFF" Data="F1 M 38.0219,82.1264L 34.2337,82.7549L 31.9997,69.2889C 31.5693,66.6944 30.8448,64.8861 29.8262,63.864C 28.8077,62.8419 27.3218,62.4929 25.3685,62.8169C 23.7112,63.0919 22.4257,64.0578 21.512,65.7147C 20.5984,67.3716 20.3113,69.2235 20.6509,71.2705L 22.869,84.6403L 19.0807,85.2687L 16.7719,71.3515C 16.0068,66.7395 13.7893,64.7379 10.1194,65.3467C 8.41772,65.6291 7.13019,66.5522 6.2569,68.1162C 5.38361,69.6803 5.13068,71.5696 5.49811,73.7843L 7.71613,87.1541L 3.92792,87.7826L 0,64.1062L 3.78821,63.4778L 4.44366,67.4287L 4.53986,67.4128C 5.7572,64.18 8.00348,62.2918 11.2787,61.7485C 12.9262,61.4752 14.4383,61.6995 15.815,62.4214C 17.1917,63.1433 18.2314,64.2164 18.9339,65.6406C 20.1639,61.9951 22.5472,59.8791 26.0839,59.2923C 31.3716,58.4151 34.5469,61.1802 35.6099,67.5876L 38.0219,82.1264 Z "/>
                <Path x:Name="Path_0" Width="21.4098" Height="40.219" Canvas.Left="33.6592" Canvas.Top="50.9657" Stretch="Fill" Fill="#FFFFFFFF" Data="F1 M 55.069,50.9657L 53.4317,80.8926C 53.1998,86.333 51.4232,89.6049 48.1016,90.7082C 47.1716,91.0171 46.3602,91.1759 45.6677,91.1847L 44.5565,87.8394C 45.4261,87.8878 46.1812,87.8056 46.8218,87.5928C 48.6202,86.9955 49.5966,85.4303 49.751,82.8976L 50.0789,77.9126L 33.6592,58.0772L 37.7092,56.732L 49.658,72.2674C 49.8032,72.4668 50.1497,72.9945 50.6974,73.8504L 50.8327,73.8056C 50.7857,73.426 50.7452,72.8125 50.7114,71.965L 51.2825,52.2235L 55.069,50.9657 Z "/>
                <Path x:Name="Path_1" Width="27.0339" Height="34.7043" Canvas.Left="52.9948" Canvas.Top="36.5906" Stretch="Fill" Fill="#FFFFFFFF" Data="F1 M 64.6147,71.1276L 62.8549,67.372C 65.7975,68.1134 68.6068,67.8572 71.2825,66.6033C 73.4512,65.5871 74.9363,64.2492 75.738,62.5898C 76.5396,60.9303 76.5235,59.211 75.6897,57.4316C 73.8439,53.4926 70.0188,52.8831 64.2145,55.6031L 61.6202,56.8188L 60.1945,53.7762L 62.7141,52.5956C 67.9886,50.1239 69.7794,47.0815 68.0864,43.4685C 66.5206,40.1272 63.7615,39.3826 59.8089,41.2348C 57.604,42.268 55.863,43.9673 54.5861,46.3327L 52.9948,42.937C 54.4139,40.7922 56.4771,39.0855 59.1846,37.8167C 61.7924,36.5947 64.192,36.2861 66.3832,36.891C 68.5744,37.4958 70.1601,38.8441 71.1403,40.9359C 72.9903,44.8839 72.081,48.4049 68.4122,51.4991L 68.4536,51.5874C 70.7446,50.7733 72.8473,50.7267 74.7615,51.4475C 76.6758,52.1684 78.0986,53.5226 79.03,55.5102C 80.3157,58.2539 80.36,60.9319 79.1628,63.5442C 77.9656,66.1565 75.7417,68.2243 72.4909,69.7477C 69.5661,71.1183 66.9407,71.5782 64.6147,71.1276 Z "/>
                <Path x:Name="Path_2" Width="26.7454" Height="34.6504" Canvas.Left="75.9409" Canvas.Top="23.0339" Stretch="Fill" Fill="#FFFFFFFF" Data="F1 M 87.0575,23.0339L 89.0955,26.2353C 87.0699,26.3867 85.2178,26.9967 83.5391,28.0654C 80.9409,29.7194 79.5656,32.1493 79.4133,35.355C 79.261,38.5608 80.365,42.0174 82.7252,45.7249L 82.8074,45.6725C 82.413,42.0828 83.7511,39.3106 86.8217,37.3559C 89.3524,35.7448 91.8705,35.2591 94.3759,35.8988C 96.8813,36.5384 98.9811,38.1889 100.675,40.8504C 102.448,43.6342 103.048,46.4449 102.478,49.2826C 101.908,52.1203 100.317,54.3701 97.7062,56.0322C 94.8297,57.8634 91.8538,58.1723 88.7786,56.9589C 85.7034,55.7455 82.8677,53.0994 80.2712,49.0207C 77.1243,44.0774 75.6926,39.4425 75.9761,35.116C 76.2595,30.7895 78.1749,27.4972 81.7221,25.239C 83.7382,23.9556 85.5167,23.2206 87.0575,23.0339 Z M 87.9681,40.6092C 86.2345,41.7127 85.1847,43.1664 84.8185,44.9701C 84.4525,46.7739 84.7527,48.435 85.7193,49.9535C 86.9356,51.8642 88.5098,53.1544 90.4417,53.8242C 92.3735,54.494 94.2274,54.2638 96.0031,53.1333C 97.6945,52.0566 98.6844,50.5996 98.9728,48.7623C 99.2613,46.925 98.8309,45.1037 97.6817,43.2985C 96.4251,41.3245 94.9433,40.0955 93.2364,39.6114C 91.5294,39.1273 89.7733,39.4599 87.9681,40.6092 Z "/>
                <Path x:Name="Path_3" Width="28.858" Height="31.6044" Canvas.Left="92.929" Canvas.Top="11.7882" Stretch="Fill" Fill="#FFFFFFFF" Data="F1 M 118.112,41.1956C 115.523,43.338 112.597,43.9135 109.333,42.9222C 106.069,41.9309 102.721,39.363 99.2909,35.2185C 95.5257,30.6696 93.4323,26.6014 93.0105,23.014C 92.5887,19.4265 93.8049,16.4517 96.6591,14.0893C 102.121,9.56857 108.494,11.7088 115.779,20.51C 119.388,24.8703 121.37,28.8356 121.726,32.4062C 122.082,35.9767 120.877,38.9065 118.112,41.1956 Z M 98.6397,16.8116C 94.8419,19.955 96.002,25.2225 102.12,32.614C 107.836,39.5202 112.555,41.4334 116.276,38.3538C 119.95,35.3123 118.88,30.2788 113.065,23.2532C 107.046,15.9811 102.237,13.8339 98.6397,16.8116 Z "/>
                <Path x:Name="Path_4" Width="12.9987" Height="12.9672" Canvas.Left="107.871" Canvas.Top="0.0334265" Stretch="Fill" Fill="#FFFFFFFF" Data="F1 M 119.029,11.0539C 117.775,12.3379 116.251,12.9867 114.459,13.0004C 112.666,13.0142 111.121,12.3869 109.823,11.1184C 108.539,9.86398 107.888,8.35648 107.871,6.59586C 107.854,4.83524 108.473,3.31296 109.728,2.02908C 110.993,0.734406 112.516,0.0697021 114.297,0.0348511C 116.079,0 117.607,0.604584 118.88,1.84848C 120.178,3.11691 120.841,4.64725 120.869,6.43961C 120.897,8.2319 120.284,9.76999 119.029,11.0539 Z M 111.819,4.00955C 111.124,4.72128 110.778,5.57034 110.783,6.55673C 110.787,7.54318 111.138,8.37711 111.835,9.05844C 112.558,9.76431 113.415,10.1212 114.407,10.1291C 115.399,10.137 116.242,9.78513 116.938,9.07346C 117.633,8.36172 117.973,7.49686 117.958,6.47873C 117.942,5.4606 117.579,4.60385 116.867,3.90848C 116.159,3.21664 115.314,2.8826 114.333,2.90634C 113.353,2.93015 112.514,3.29788 111.819,4.00955 Z "/>
            </Canvas>
        </Canvas>

        <!-- reflection -->
        <Path Stretch="Fill"  Data="F1 M289,80.509003 C239.84666,80.509003 200,97.743797 200,119.004 200,140.26421 239.84666,157.49899 289,157.49899 C338.15335,157.49899 378,140.26421 378,119.004 C378,97.743797 338.15335,80.509003 289,80.509003 z M289,-3.1888485E-06 C448.61029,0 578,55.964405 578,125 C578,194.0356 448.61029,250 289,250 129.38971,250 0,194.0356 0,125 0,55.964405 129.38971,0 289,-3.1888485E-06 z">
            <!--Margin="0,0,0,3">-->
            <Path.Fill>
                <LinearGradientBrush SpreadMethod="Repeat" EndPoint="1.057,-0.071" StartPoint="0.325,1.416">
                    <GradientStop Color="#A4FFFFFF" Offset="0.6"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.622"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.423"/>
                    <GradientStop Color="#B7FFFFFF" Offset="0.441"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.736"/>
                    <GradientStop Color="#ACFFFFFF" Offset="0.708"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.935"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.935"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.873"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.293"/>
                    <GradientStop Color="#8EFFFFFF" Offset="0.315"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.355"/>
                    <GradientStop Color="#A8FEFEFE" Offset="0.03"/>
                    <GradientStop Color="#59FEFEFE" Offset="0.979"/>
                    <GradientStop Color="#18FFFFFF" Offset="0.057"/>
                    <GradientStop Color="#00FFFFFF" Offset="0.691"/>
                    <GradientStop Color="#64FFFFFF" Offset="0.475"/>
                </LinearGradientBrush>
            </Path.Fill>
            <Path.OpacityMask>
                <LinearGradientBrush EndPoint="0.5,1.203" StartPoint="0.5,-0.203">
                    <GradientStop Color="#00FFFFFF" Offset="0"/>
                    <GradientStop Color="#FFFFFFFF" Offset="1"/>
                </LinearGradientBrush>
            </Path.OpacityMask>
        </Path>



    </Canvas>
    </Canvas>
</UserControl>